<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>盒子模型</title>
    <style type="text/css">
        #div{
            width:200px;
            height:200px;
            background-color: pink;
            border:1px solid blue;
            margin-top: 5px;
            margin-left:5px;
            padding:25px;
        }
    </style>
</head>
<body>
<!--
盒子模型的基本概念
包括外边距  margin
边框  border
填充  padding
-->
<div id="div">hello,world</div>
<p>hello,shihaiqing</p>
<p>hello,shihaiqing</p>
</body>
</html>